<div data-role="page" id="More">
	<div data-role="header" data-position="fixed">
		<a class="backBtn" href="#" data-type="button" data-rel="popup"
					data-rel="back" data-icon="arrow-l" data-iconpos="notext" data-position-to="left">Menu</a>
		<h1>More</h1>
		<div data-role="navbar">
			<ul>
				<li><a href="#" class="ui-btn-active">Road Condition</a></li>
				<li><a href="driver-chart.html">Chart</a></li>
			</ul>
		</div>
	</div>
	<div data-role="content">
		<div id="roadCondition" data-role="roadView">
		<p>empty</p>
		</div>
		<!-- end bookList -->
	</div>
	<!-- end content -->

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="../js/road-condition.js"></script>

</div>